<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'MenuTree.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		<script language=JavaScript>
function showmenu(id) {
	var list = document.getElementById("list" + id);
	var menu = document.getElementById("menu" + id)
	if (list.style.display == "none") {
		document.getElementById("list" + id).style.display = "block";
		menu.className = "title1";
	} else {
		document.getElementById("list" + id).style.display = "none";
		menu.className = "title";
	}
}
</script>
		<style type="text/css">
<!--
* {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav {
	margin: 10px;
	text-align: left;
	line-height: 25px;
	width: 200px;
	font-size: 12px
}

#nav ul a:link {
	text-decoration: none;
	padding-left: 20px;
}

#nav ul a:hover {
	text-decoration: none;
	padding-left: 20px;
}

#nav ul a:visited {
	text-decoration: none;
	padding-left: 20px;
}

.title {
	background: #336699;
	color: #fff;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	padding-left: 20px;
}

.title1 {
	background: #888;
	color: #000;
	border-bottom: 1px solid #666;
	cursor: pointer;
	padding-left: 20px;
}

.content li {
	color: #336699;
	background: #ddd;
	border-bottom: 1px solid #fff;
}
-->
</style>
	</head>
	<body>
		<div id="nav">
			<div class="title1" id="menu1" onclick="showmenu('1') ">
				→合同信息
			</div>
			<div id="list1" class="content" style="display: block">
				<ul>
					<li>
						<a href="view/obligation/addContractInfo.jsp">- 债项基本信息</a>
					</li>
					<li>
						<a href="view/obligation/addContractInterest.jsp">- 利息信息</a>
					</li>
					<li>
						<a href="view/obligation/addContractCredit.jsp">- 债项信用信息</a>
					</li>
				</ul>
			</div>
			<div class="title" id="menu2" onclick="showmenu('2')">
				→风险缓释
			</div>
			<div id="list2" class="content" style="display: none">
				<ul>
					<li>
						<a href="view/obligation/addAssureInfo.jsp" title="">- 保证信息</a>
					</li>
					<li>
						<a href="view/obligation/addMortgageInfo.jsp" title="">- 抵质押品信息</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>

